@import url("../../common/uni.css");
@import "../../common/scss/_navbar.scss";
body,
page {
	min-height: 100%;
	display: flex;
	background: #EFEFF4;
}

/* #ifdef MP-BAIDU */
page {
	width: 100%;
	height: 100%;
	display: block;
}

swan-template {
	width: 100%;
	min-height: 100%;
	display: flex;
}

/* #endif */

/* 原生组件模式下需要注意组件外部样式 */
m-input {
	width: 100%;
	min-height: 100%;
	display: flex;
}

image{width: 100%;}
.button {
	border: #EEEEEE solid 1px;
	text-align:center;
	z-index: 100;
	&[size="mini"]{
		padding: 10upx 30upx !important;
	}
	&[type="default"]{
		background-color: transparent;
	}
	&[type="green"]{
		background-color: #96E7BA;
	}
	&[disabled]{
		background-color: #F8F8F8;
		color: #AEAEAE !important;
	}
	&[radius]{
		border-radius: 60upx;
	}
	.disabled{
		background-color: #F8F8F8;
		color: #AEAEAE;
	}
	&:after{
		display: none;
	}
}
navigator.button{
	padding: 20upx 40upx !important;
	border: #EEEEEE solid 1px;
	text-align:center;
	z-index: 100;
	&-mini{
		padding: 10upx 30upx !important;
	}
	&-green{
		background-color: #96E7BA;
	}
	&-default{
		background-color: transparent;
	}
	&-radius{
		border-radius: 60upx;
	}
	.disabled{
		background: #F8F8F8;
		color: #AEAEAE;
	}
	&:after{
		display: none;
	}
}

@media screen and (max-width: 375px) {
	button{
		padding: 0 0.8em;
	}
}

.flex-1{
	flex: 1;
}
.flex-2{
	flex: 2;
}
.flex-3{
	flex: 3;
}
.flex-4{
	flex: 4;
}
.flex-5{
	flex: 5;
}
.flex-6{
	flex: 6;
}
.flex-7{
	flex: 7;
}
.flex-8{
	flex: 8;
}
.flex-9{
	flex: 9;
}
.flex-10{
	flex: 10;
}
.flex-11{
	flex: 11;
}

.align-left{
	float: left;
}
.align-right{
	float: right;
}
.clear{
	clear: both;
}

.line-through{
	text-decoration: line-through;
}

.fixed-top{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}
.fixed-bottom{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
}
// 微信登录
.oauth-row{
	margin-top: 60upx; margin-left: auto; margin-right: auto;
}

.arrow{
	width: 60upx; height: 60upx; background: center no-repeat; background-size: cover;
}
.arrowright{
	 background-image: url('../../static/img/icon/arrowright.png');
}
// 向右图标
.arrow{
	width: 30upx; height: 30upx;
}

.pb-0{padding-bottom: 0 !important;}
.pb-96{padding-bottom: 96upx;}
$color-white: #FFFFFF;
$color-FF0000: #FF0000;
$color-96E7BA: #96E7BA;
$color-AAAAAA: #AAAAAA;
$color-F8B938: #F8B938;
$color-F8533F: #F8533F;
$color-FFD161: #FFD161;
$font-bold: bold;
$font-normal: normal;
$font-underline: underline;
// 无数据背景
/* .hasNoData{
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: url('../../static/img/icon/null.png') center no-repeat; width: 100%; height: 100%;
} */

.overflow-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ml-5{
	margin-left: 10upx;
}

.ml-10{
	margin-left: 20upx;
}

.font-bold{
	font-weight: $font-bold;
}
.font-underline{
	text-decoration: $font-underline;;
}
.indent-2{
	text-indent: 32rpx;
}

@function line($style) {
    @if $style != '' {
        @return '-';
    } @else {
        @return '';
    }
}

$colors: (white: $color-white, FF0000: $color-FF0000, 96E7BA: $color-96E7BA, AAAAAA: $color-AAAAAA, F8B938: $color-F8B938, F8533F: $color-F8533F, FFD161: $color-FFD161);
$names: (c: color, bg: background-color);
@each $n-key, $n-value in $names {
	@each $style, $value in $colors {
		$line: line($style);
		.#{$n-key}#{$line}#{$style} {
			#{$n-value}: $value;
		}
	}
}

.uni-page-head-transparent {
	background: transparent !important;
	.uni-page-head-btn{background: transparent !important;}
}
.content {
	display: flex;
	flex: 1;
	flex-direction: column !important;
	background-color: #FFFFFF;
}
.container {
	display: flex;
	// flex: 1;
	flex-direction: column;
	padding: 0 30upx;
}

.wrapper{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.city {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	white-space: nowrap;
	font-size: 14px;
}
.flex{
	display: flex;
}
.center {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}

.left {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
}

.right{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end;
	justify-content: flex-end;
	flex-shrink: 0;
}

.between{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}

.pos-absolute{
	position: absolute;
}
.pos-relative{
	position: relative;
}
.pos-default{
	position: static;
}
.tabs{
	position: fixed;
	left: 0;
	padding-top: 10px;
	top: 0;
	right: 0;
	// opacity: 0;
	z-index: 1000;
	.tabs-nav{
		display: flex;
		flex-flow: row nowrap;
		align-items: flex-end;
		justify-content: center;
		height: 88upx;
		// line-height: 88upx;
		background: transparent;
		
		&-item{
			padding: 10upx 20upx;
			text-align: center;
		}
	}
}
uni-button[type=transparent] {
	background-color: transparent;
	margin: 30upx 0;
	border-radius: 0;
}

uni-button[type=white] {
	background-color: #FFFFFF;
	margin: 30upx 0;
	border-radius: 0;
}

@mixin bd-dddddd($color: #DDDDDD, $type: solid,$width: 1px) {
	border-bottom: $color $type $width;
}
.bd-dddddd{@include bd-dddddd;}

@mixin multipul-overflow($h: 80rpx, $l: 40rpx,$i: 2) {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height: $l;
	-webkit-line-clamp: $i;
	max-height: $h;
}
@mixin text-overflow($w: 100%) {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	max-width: $w;
}
.multipul-overflow{
	@include multipul-overflow();
}
.text-overflow{
	@include text-overflow();
}
.copyright{
	// position: fixed; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	justify-content: center; 
	padding: 20upx 0; 
	color: #999999;
}
// 首页顶部 Start-----------------------------------------
.topContainer{background: #fff;}
.personal-head, .noticing {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50rpx;
	img {
		width: 50rpx;
		height: 50rpx;
		display: block;
	}
}
.location{margin: 0 20rpx;}



//搜索样式微调 Start-----------------------------------------
@font-face {font-family:"iconfont";src:url('data:application/x-font-woff;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzI8fEg3AAABfAAAAFZjbWFws6gbWQAAAeQAAAGcZ2x5ZqgAaogAAAOMAAABMGhlYWQTyEk0AAAA4AAAADZoaGVhB90DhQAAALwAAAAkaG10eBAA//8AAAHUAAAAEGxvY2EA0gBOAAADgAAAAAptYXhwARIANgAAARgAAAAgbmFtZT5U/n0AAAS8AAACbXBvc3SanfjSAAAHLAAAAEUAAQAAA4D/gABcBAD//wAABAAAAQAAAAAAAAAAAAAAAAAAAAQAAQAAAAEAAL8Cm/NfDzz1AAsEAAAAAADYVQKbAAAAANhVApv///+ABAADgQAAAAgAAgAAAAAAAAABAAAABAAqAAQAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQQAAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5gbmRAOA/4AAXAOBAIAAAAABAAAAAAAABAAAAAQA//8EAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFoAAEAAAAAAGIAAwABAAAALAADAAoAAAFoAAQANgAAAAgACAACAADmBuYc5kT//wAA5gbmHOZE//8AAAAAAAAAAQAIAAgACAAAAAIAAQADAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAA0AAAAAAAAAAMAAOYGAADmBgAAAAIAAOYcAADmHAAAAAEAAOZEAADmRAAAAAMAAAAAADoATgCYAAAAAv///4AEAAOAABMAHwAABQYiLwEGJCcmAjc2JBcWEgcXFhQBJiAHBhQXFiA3NjQD7RQyFMaG/sl9hw2BiQFqjXgTZccT/sBo/spoPz9oATZoPm0TE8dhDG6FAW2OhwaGfv6+h8YUMgLThoZV0FWGhlnMAAABAAD/gAMAA4EABQAACQE1CQE1AQACAP6IAXgBgP4AiAF4AXiIAAAABAAA//4DlAMnABAAIQAlACkAAAUuAzQ+AjIWFxYQBw4BAyIOAhQeAjI2NzYQJy4BFwEnAQU3AQcCAFKScz09c5Kkkjp2djqSUkiBZjU1ZoGQgTNoaDOBfP6YIAFo/qQgAVwgAgE9cpOjknM9PTl8/r18OT0C9zVmgZCBZTU1Mm4BHW0zNb/+mCABZysf/qQgAAAAAAAAEgDeAAEAAAAAAAAAFQAAAAEAAAAAAAEACAAVAAEAAAAAAAIABwAdAAEAAAAAAAMACAAkAAEAAAAAAAQACAAsAAEAAAAAAAUACwA0AAEAAAAAAAYACAA/AAEAAAAAAAoAKwBHAAEAAAAAAAsAEwByAAMAAQQJAAAAKgCFAAMAAQQJAAEAEACvAAMAAQQJAAIADgC/AAMAAQQJAAMAEADNAAMAAQQJAAQAEADdAAMAAQQJAAUAFgDtAAMAAQQJAAYAEAEDAAMAAQQJAAoAVgETAAMAAQQJAAsAJgFpCkNyZWF0ZWQgYnkgaWNvbmZvbnQKaWNvbmZvbnRSZWd1bGFyaWNvbmZvbnRpY29uZm9udFZlcnNpb24gMS4waWNvbmZvbnRHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgBpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBuAGYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAECAQMBBAEFAAZzb3VzdW8IamlhbnRvdTQHc2hhbmNodQAAAAAA');}
.icon {
	font-family: iconfont;
	font-size: 32upx;
	font-style: normal;
	color: #999;
}
.uni-common-mt-container{
	height: 108upx; 
	.uni-common-mt-box{
		/* transition: all 0.5s; */background-color: #fff; z-index: 100; height: 108upx;;
		&.fixed{position: fixed;top: 0;left: 0;width: 100%; padding-top: 15px;}
		&.relatived{position: relative;}
		.uni-common-mt{
			padding: 14upx 30upx;@extend .center;background-color: #fff; height: 80upx;
		}
		.uni-form-item{
			width: 100%; padding: 10upx; transition: all 0.2s linear; height: 60upx;@extend .center;background-color: #f4f4f4; border-radius: 20upx; text-align: center;font-size: 14px;
			.icon-serach{
				padding: 0 14upx;
				:before {content:"\e61c";}
			}
			.uni-input, uni-input input{width: 192upx; text-align: left;}
		}
	}
}
.keyword-box{border-radius: 0;}
.search-box-container{
	
}
// 轮播图样式 Start-----------------------------------------
.uni-padding-wrap{
	background: #fff;
	swiper,.swiper1{
		border-radius: 20upx; overflow: hidden;width: 100%;
		// height: 235.1162790697674upx;
		height: 240upx;
		.swiper-item {
			height: 240upx;
			image{width: 100%;height: 240upx;}
		}
		.uni-swiper-wrapper{
			border-radius: 40px;
		}
	}
	/* 一级商家 */
	/* &.merchants .page-section swiper{
		// height: 174.9198396793587upx;
		height: 200upx;
		border-radius: 0;
	} */
}

// 首页导航列表 Start-----------------------------------------
.nav-list {
	@extend .left; background:#fff;margin-bottom: 30upx; padding-top: 20upx;
	.nav-items {
		@extend .center; margin-bottom: 30upx;
		width: 20%;
		flex-flow: column wrap;
		navigator, .navigator{padding: 0 10rpx;}
	}
	.nav-item {
		width: 100rpx;height:100rpx;@extend .center;padding: 0 !important;
		m-icon {
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			border-radius: 100rpx;
			text-align: center;
		}
		image{
			width: 100upx; height: 100upx;
		}
		&.nav-item-xinxianshi m-icon {
			background: #fe9700;
		}

		&.nav-item-quwen m-icon {
			background: #f26765;
		}

		&.nav-item-yuedu m-icon {
			background: #6f68df;
		}

		&.nav-item-zhuanti m-icon {
			background: #7f2d00;
		}

		&.nav-item-dingyue m-icon {
			background: #fd7a49;
		}

		&.nav-item-zhuanlan m-icon {
			background: #19cf8a;
		}

		&.nav-item-taolun m-icon {
			background: #4493f7;
		}

		&.nav-item-more m-icon {
			background: #7fd02b;
		}

		&.nav-item-xinxianshi m-icon .iconfont,
		&.nav-item-quwen m-icon .iconfont,
		&.nav-item-dingyue m-icon .iconfont,
		&.nav-item-zhuanlan m-icon .iconfont,
		&.nav-item-taolun m-icon .iconfont,
		&.nav-item-more m-icon .iconfont {
			font-size: 60rpx !important;
		}
	}
	.nav-text{
		font-size: 24upx;
	}
}
//  首页第二轮播
.uni-padding-wrap-1{
	background:#EFEFF4;padding-top: 30upx; padding-bottom: 0;
	swiper,.swiper2{
		border-radius: 0 !important; overflow: hidden;width: 100%; height: 170upx !important;
		.swiper-item {
			height: 170upx !important;
			image{width: 100%; height: 170upx !important;}
		}
		.uni-swiper-wrapper{
			border-radius: 40px;
		}
	}
}

// 公共列表页样式
.common-wrapper{
	padding: 0 30upx;background:#EFEFF4;
	.common-list{
		.common-items{
			.common-item{
				background: #fff; padding: 20rpx;margin-top: 30upx;
				&-title{
					@extend .between; margin-bottom: 10upx; @extend .text-overflow;
					&-cancle{margin-left: auto; width: 60upx; height: 30upx; line-height: 24upx; border: #c3c3c3 solid 1px;
					border-radius: 5px; color: #c3c3c3; font-size: 24upx; text-align: center;}
					&-text{font-size: 32upx; font-weight: bold; max-width: 420upx; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
					&-right{
						@extend .right;
						&-SaleStatus{
							background: #f8b938; width: 90upx; height: 40upx; font-size: 24upx; @extend .center; border-radius: 5px;margin: 0 10upx;
						}
						&-discount{
							background: #f8533f; width: 90upx; height: 40upx; font-size: 24upx; @extend .center; border-radius: 5px;margin-right: 10upx;
						}
						&-parity{
							background: #00aa00; width: 90upx; height: 40upx; font-size: 24upx; @extend .center; border-radius: 5px;
						}
					}
					
				}
				.common-item-tips{
					@extend .between; position: relative;
					&-left{
						@extend .left;font-size: 28upx;
						&-2{border-left: #000 solid 1px; border-right: #000 solid 1px; padding: 0 10upx; margin: 0 10upx;}
						&-4{position: absolute;bottom: -60upx;left: 0; background: #f8533f;width: 90upx; height: 40upx;
						 font-size: 24upx; @extend .center; border-radius: 5px; color: #fff;}
					}
					&-right{font-size: 32upx;}
				}
				.common-item-list{
					@extend .center; margin-top: 60upx;
					&-i{
						flex: auto;
						image{width: 100%; height: 195upx;}
						&-name{@extend .center;}
					}
				}
			}
			.timeRange{
				margin-bottom: 10upx;
				border: #3CC8BC solid 2upx;
				display: inline-block;
				padding-right: 10upx;
				color: #3CC8BC;
				font-size: 20upx;
				text{
					padding-left: 10upx;
					padding-right: 10upx;
					margin-right: 10upx;
					border-right: #3CC8BC solid 2upx;
				}
			}
		}
	}
}
.common-title{
	@extend .between; padding-top: 40upx; padding-bottom: 20upx; @extend .text-overflow;
	&-text{font-size: 36upx; font-weight: bold;}
	&-more{font-size: 24upx;color: #6f6f6f;}
}
// 一级商家
.merchants{
	 .merchants-list{margin-bottom: 20upx;}
}
.common-recommend{
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); 
	/* Safari 4-5, Chrome 1-9 */
	/* -webkit-gradient(,  [, ]?,  [, ]? [, ]*) */
	background: -webkit-gradient(linear,top,from(#FFFFFF),to(#EEEEEE));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
	
	&-list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		align-content: center;
		align-items: center;
	}
	&-item{
		width: 330upx; box-sizing: border-box;white-space: nowrap; background: #FFFFFF; margin-bottom: 20upx; margin-top: 20upx;
		&-title{
			line-height: 1.8; @extend .text-overflow;
			&-name{width: 70%;overflow: hidden;text-overflow: ellipsis; font-weight: bold;padding-left: 10upx;}
			&-tips{font-size: 24upx;padding-left: 10upx;}
		}
	}
	&-thumb{
		position: relative;
		.common-recommend-thumb-lg{width: 100%;height: 100%;max-height: 200upx;}
		.common-recommend-thumb-small{width: 60upx;height: 60upx;position: absolute; z-index: 10;right: 10upx;bottom: -16upx;}
	}
}
.m-common{
	.segmented-control{
		margin-left: 0; width: 100%; justify-content: flex-start; margin-top: 20upx;
	}
	&-list{
		
	}
	&-item{
		@extend .left; padding: 20upx 0; box-sizing: border-box;
		&-left{width: 160upx; height: 160upx; overflow: hidden; border: #EFEFEF solid 2upx; image, img{width: 160upx; height: 160upx;}}
		&-right{
			width: 506upx; padding-left: 20upx; box-sizing: border-box; line-height: 2;
			&-title{font-size: 32upx; font-weight: bold; @extend .text-overflow;}
			&-tips{
				@extend .between; font-size: 24upx;
				text{
					margin-right: 18upx;
					&:last-child{margin-right: 0;}
					&.date{margin-left: auto;}
				}
				.favorite{color: #ebad54;margin-right: 18upx;}
				&.tips2{
					image{margin-left: auto; width: 50upx;height: 50upx !important;}
				}
			}
		}
	}
}

.m-list{
	background: #FFFFFF; position: relative;
	&:before{
		position: absolute;
		z-index: 10;
		right: 0;
		top: 0;
		left: 30upx;
		height: 1px;
		content: '';
		background-color: #E4E4E4;
	}
	&-item{
		padding: 24upx 30upx;
		font-size: 32upx;
		display: flex;
		justify-content: space-between;
		position: relative;
		align-items: center;
		&:after{
			position: absolute;
			z-index: 10;
			right: 0;
			bottom: 0;
			left: 30upx;
			height: 1px;
			content: '';
			background-color: #E4E4E4;
		}
		&-text{
			margin-right: auto;
		}
		&-picker{
			.uni-input{
				padding-top: 0;
				padding-bottom: 0;
				line-height: normal;
				height: auto;
				color: #C4C4C4;
			}
		}
		&-bradge{
			color: #c4c4c4;
		}
		&-icon{
			width: 30upx; height: 30upx; margin-left: 10upx;
			image{
				width: 30upx; height: 30upx;
			}
		}
	}
}

// 注册、登录页面
.reg-title, .login-title{
	font-size: 60upx;
	text-align: left;
	margin-bottom: 80upx;
	margin-top: 160upx;
}
.reg-form{
	.input-group-item{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		position: relative;
		height: 100upx;
		&::after {
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			height: 1upx;
			content: '';
			-webkit-transform: scaleY(.5);
			transform: scaleY(.5);
			background-color: #c8c7cc;
		}
		.input-row{
			display: flex;
		}
		&.text{
			font-size: 24upx; color: #aaa; padding-top: 10upx; padding-bottom: 0; justify-content: flex-start; min-height: 42upx;
			text{font-size: 24upx;}
			&::after{display: none;}
		}
		.areaCode{
			flex: 1;
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			justify-content: space-between;
			font-size: 32upx;
			text{font-size: 32upx; height: 46upx; line-height: 46upx;}
			.show-box{
				height: 60upx;
			}
			.m-input-view{
				padding: 0;
				font-size: 32upx;
			}
			.m-icon-next{
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
		.number, .password{
			flex: 4;
		}
		.number{
			display: flex;
			flex-flow: row nowrap;
			button,uni-button{border-radius: 60upx;}
			input{width: 100%;}
		}
		.m-input-view{
			display: block;
		}
	}
	.btn-group{
		margin: 40upx 0 60upx;
		/* uni-button[type=disabled], button[type=disabled] {
			background-color: #EEE !important;
			border-radius: 60upx;
		}
		uni-button[type=green], button[type=green] {
			background: #96e7ba !important;
			border-radius: 60upx;
		} */
	}
	text{
		font-size: 28upx;
	}
	.type-container{
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		.forget_password{
			margin-left: -80upx;
		}
	}
	.tips{
		font-size: 24upx; position: fixed; bottom: 20upx; left: 0; right: 0; text-align: center;
		text{color: #96e7ba;}
	}
}
.login-form{
	@extend .reg-form;
	.type-container{
		justify-content: space-between;
	}
}
.pwd-form{
	@extend .reg-form;
}
// 我的页面


// 好店优选
.good-store-list{
	background: #EFEFF4; padding-top: 40upx;
	.good-store-item{
		padding:20upx; display: flex; flex-flow: column nowrap; background-color: #FFFFFF; -moz-box-shadow:0px 0px 20px #CACACA; -webkit-box-shadow:0px 0px 20px #CACACA; box-shadow:0px 0px 20px #CACACA; margin-bottom: 40upx; border-radius: 20upx;
		&-top{
			@extend .between;
			&-left{width: 30%;}
			&-right{
				width: 70%; padding-left: 20upx; box-sizing: border-box; display: flex; flex-flow: column wrap;
				&-title{font-size: 36upx; font-weight: bold;  @extend .between; @extend .text-overflow;
					button{margin-left: auto; background: #ffd161; line-height: 1.8; font-size: 28upx; font-weight: normal;border-color: #ffd161; color: #000;}
				}
				&-tips{
					margin-bottom: 10upx;
					text{
						color: #B2B2B2; font-size: 24upx;
						&:after{content: ' '; width: 2upx; display: inline-block; height: 20upx; margin: 0 10upx; background-color: #B2B2B2;}
						&:last-child:after{display: none;}
					}
					button{
						line-height: 1.5;
						padding: 0 6upx;
						border-radius: 0;
						margin-right: 10upx;
						font-size: 24upx;
						color: #f00;
						border: #ffcbca solid 4upx;
					}
					&.tips2{margin-bottom: 0;}
				}
			}
		}
		&-middle{
			@extend .between; border-radius: 40upx; overflow: hidden; margin-top: 20upx; position: relative;
			&-left{
				width: 410upx;
			}
			&-right{
				width: 230upx;
				flex-direction: column;
				&-img{position: relative;}
			}
			.tips{
				position: absolute; bottom: 6upx; left: 0;z-index: 10;background: rgba(0, 0, 0, 0.3);color: #fff;padding-left: 10px; height: 60upx; line-height: 60upx; box-sizing: border-box;
				text{margin-left: 20upx; color: #ff7272;}
			}
		}
		&-bottom{
			&-comment{padding: 20upx; background-color: #f3f3f3; margin: 20upx auto;text{font-weight: bold;}}
			.tips{
				@extend .left; align-items: center; margin-bottom: 20upx;
				.star-box{
					background: #FFF;display: flex;border-radius: 100upx;
					image{width: 50upx;height: 50upx;}
				}
				.btn-box{
					margin-left: auto;
					button{line-height: 1; padding: 4upx; border: #ccc solid 2upx; display: block;}
				}
				.text{margin-left: 10upx;}
			}
		}
	}
}

// 店面主页
.shop{
	padding-top: 300upx;margin-top: -170upx; background-color: #FFFFFF; padding-bottom: 140upx;
	.shop-tabs{
		@extend .left; border-bottom: #EEEEEE solid 2upx; padding-bottom: 30upx; 
		&-item{
			min-width: 80upx; margin-right: 20upx; color: #9e9e9e; height: 50upx; text-align: center; font-size: 32upx;
			&:first-child{ width: 165upx;}
			&.active{font-weight: bold; border-bottom: red solid 1px; color: #333;}
			text{font-size: 24upx;margin-left: 6upx;color: #9e9e9e; font-weight: normal;}
		}
	}
	.shop-list{
		align-items: flex-start;
		.food-title{height: 96upx;@extend .left; align-items: center; @extend .text-overflow;}
	}
	&-enterprise{
		.common-wrapper{
			background: transparent;
			.shop-enterprise-introduce{
				/* &-title{
					font-weight: bold;padding: 20upx 0;
				} */
				padding: 20upx 0; border-bottom: #eee solid 2upx;
			}
			.list{
				&-item{
					padding: 10upx 0;display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; border-bottom: #eee solid 2upx;
					image{width: 32upx; height: 32upx; margin-right: 10upx;}
					text{width: 480upx;}
					&-i{
						display: flex; align-items: center; width: auto;
						text{width: auto;}
					}
					&-title{
						width: 150upx !important;
					}
					
				}
			}
		}
	}
}
.shop-top{
	height: 400upx; width: 100%;  box-sizing: border-box; z-index: 1; position: relative; background-size: cover; position: relative; border-radius: 10upx;
	&-bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;/* filter: blur(5px); */}
}
.shop-title{
		padding: 20upx 30upx 40upx; 
		height: 310upx; 
		box-sizing: border-box; 
		background-color: #FFFFFF; 
		margin: 0 30upx; 
		margin-top: 200upx; 
		z-index: 10; 
		box-shadow: 0px 2px 6px #bbb; -webkit-box-shadow: 0px 2px 6px #bbb; -moz-box-shadow: 0px 2px 6px #bbb; margin-bottom: 40upx; transition: all 0.5s ease; position: relative;
		&.active{height: auto;}
		&-text{font-size: 36upx; font-weight: bold; margin-bottom: 20upx; @extend .text-overflow;}
		&-tips{
			@extend .left; flex-flow: row wrap; position: relative;  text{font-size: 24upx; margin-top: -20upx;}
		}
		&-tips1{
			margin-right: 20upx;margin-top: 20upx; height: 20upx; line-height: 20upx; image{width: 28upx; height: 28upx; margin-right: 10upx;}
		}
		&-tips2{
			width: 100upx; height: 100upx; position: absolute; right: 10upx; top: -160upx; border: #FFFFFF solid 4upx;
			image{width: 100upx; height: 100upx;}
		}
	}
.evaluate{
	text-align: center; justify-content: center; align-items: center; color: #aaa; margin-bottom: 30upx;
	&-header{
		font-size: 24upx;
		&-rate{
			flex: 5;
			&-left{
				flex: 1;
				view{
					font-size: 52upx;
					color: #ffc107;
					font-weight: bold;
					margin-top: -10upx;
				}
				
			}
			&-right{
				flex: 2;
				uni-rate{
					margin: 0 10upx;
					.uni-rate-icon{margin-left: 6upx;}
				}
				&-kouwei, &-baozhuang{
					align-items: center;
				}
				&-kouwei{
					margin-bottom: 6upx;
				}
			}
		}
		&-manyidu{
			flex: 2; border-left: #aaa solid 1px;
			view{
				font-size: 40upx;
			}
		}
	}
}
// .foods-wrapper{width: 133%; left: -33%;}

.foods-wrapper{
	overflow: initial;
	div{overflow: initial !important;}
}

.current {
	position: relative;
	z-index: 0;
	background-color: #fff;
	color: #00A0DC;
}

.menu-wrapper {
	text-align: center;
	width: 170upx;
	display: flex;
	flex-direction: column;
	background: #f3f5f7;
	/* padding-bottom: 432upx;
	box-sizing: border-box; */
}

.menu-item {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100upx;
}

.allcount {
	position: absolute;
	right: 12upx;
	top: 16upx;
	display: inline-block;
	padding: 0 8upx;
	font-size: 18upx;
	line-height: 32upx;
	font-weight: 400;
	border-radius: 50%;
	background-color: #f01414;
	color: #ffffff;
}

.foods-wrapper {
	padding-left: 20upx;
	width: 580upx;
	box-sizing: border-box;
	/* padding-bottom: 432upx;
	box-sizing: border-box; */
}

.food,
.food-btm{
	display: flex;
	flex-direction: row;
}

.food-title {
	padding: 4upx 0; @extend .text-overflow;
}

.food-info {
	padding-left: 20upx;
	padding-right: 32upx;
	width: 300upx;
	box-sizing: border-box;
	flex: 2;
	&-top{
		display: flex;
		flex-direction: column;
	}
}

.food-btm {
	justify-content: space-between;

}

.food-price {
	color: #f01414;
	font-size: 32upx;
}

// 附近商家
.nearbyMerchantsTabs{
	position: relative !important; height: 100upx; line-height: 100upx;
	.tabs-item{
		height: 100upx; line-height: 100upx; float: left; margin-right: 20upx;
	}
	.active{
		font-weight:bold;
	}
}
.nearbyMerchantsList{
	.m-common-item{height: 210upx;}
}
// 商品详情
.common-nav-tabs{
	display: flex;
	flex-direction: column;
	// height: 100%;
	z-index: 100;
	width: 100%;
	background: transparent;
	&-top{
		image{height: 100%;}
	}
	&-pingjia{
		background-color: #FFFFFF; padding: 30upx;
		&-title{
			@extend .between; @extend .text-overflow;
			text{font-size: 32upx;font-weight: bold;}
			navigator{font-size: 24upx; color: #999;}
		}
		&-top{
			margin: 30upx; padding-bottom: 30upx; border: #ffc107 solid 1px; border-radius: 10px;
			.progress-box{
				margin-top: 20upx; @extend .left; width: 80%; margin-left: auto; margin-right: auto;
				text{
					flex: 3;
				}
				progress{flex: 7;}
			}
		}
	}
	.tabs-back{
		@extend .center;
		width: 56upx;
		height: 56upx;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		position: fixed;
		top: 24px;
		left: 30upx;
		z-index: 1001;
		.m-icon-more{
			margin-right: 0;
		}
		padding: 10upx;
		box-sizing: border-box;
	}
	.tabs-search{
		@extend .center;
		width: 56upx;
		height: 56upx;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		position: fixed;
		top: 24px;
		right: 190upx;
		z-index: 1001;
		.m-icon-more{
			margin-right: 0;
		}
		padding: 10upx;
		box-sizing: border-box;
		image{width: 40px;}
	}
	.tabs-shopping-cart{
		@extend .center;
		width: 56upx;
		height: 56upx;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		line-height: 56upx;
		position: fixed;
		top: 24px;
		right: 190upx;
		z-index: 1001;
		.m-icon-more{
			margin-right: 0;
		}
		padding: 10upx;
		box-sizing: border-box;
	}
	.tabs-shopping-collection{
		@extend .center;
		width: 56upx;
		height: 56upx;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		position: fixed;
		top: 24px;
		right: 110upx;
		z-index: 1001;
		padding: 10upx;
		box-sizing: border-box;
		transition: all 0.5s;
		.img{
			width: 40upx !important; height: 40upx !important; background: url('../../static/img/icon/collection.png') center no-repeat; background-size: 100% 100%;
		}
		&.collectionActive {
			 background: #a7e6bc;
			.img{background: url('../../static/img/icon/collection-i.png') center no-repeat; background-size: 100% 100%;}
		}
	}
	.tabs-more{
		width: 56upx;
		height: 56upx;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		position: fixed;
		top: 24px;
		right: 30upx;
		z-index: 1001;
		.m-icon-more{
			margin-right: 0;
		}
		image.img{width: 40upx !important; box-sizing: border-box; margin: 8upx auto;}
		&-list{
			width: 200upx;
			background: #fff;
			position: absolute;
			right: 0;
			top: 70upx;
			text-align: left;
			box-shadow: 0px 0px 20upx #e6e6e6;
			transform: scale(0);
			z-index: 101;
			&:before{
				content: '';
				position: absolute;
				top: -20upx;
				right: 20upx;
				width: 0;
				height: 0;
				border: 10upx solid;
				border-color: transparent transparent #FFFFFF;
				display: inline-block;
			}
			text{font-size: 24upx; margin-left: 10upx;}
		}
		&-item{
			padding: 10upx 30upx;
			border-bottom: #e6e6e6 solid 1px;
			&:last-child{
				border-bottom: none;
			}
		}
		&-mask{
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0;
			left: 0;
			&.mask{
				width: 100%;
				height: 100%;
				z-index: 100;
			}
		}
	}
	&.transparent navigator{
		background: transparent !important;
	}
}
.uni-page-head-btn{background:rgba(0,0,0,0) !important;}
.shop-details-shangpin{
	margin-bottom: 30upx;
	.fixed{
		position: fixed;
		width: 100%;
		top: 54px;
		background-color: #FFFFFF;
	}
	&-title{
		background: #FFFFFF;
		padding: 0 30upx;
		padding-top: 30upx;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		@extend .text-overflow;
		.title-text{font-size: 36upx;font-weight: bold;width: 92%;}
		.m-icon-ArtboardCopy{
			position: absolute;
			right: 30upx;
			top: 0;
		}
	}
	&-tips {
		background: #FFFFFF;
		padding: 10upx 30upx;
		text{margin-right: 10upx;}
	}
	&-tips1{
		background: #FFFFFF;
		padding: 30upx;
		padding-top: 0;
		margin-bottom: 30upx;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-around;
		align-items: center;
		.priceNow{
			font-size: 36upx;
			color: #f00;
			font-weight: bold;
		}
		.priceElder{
			text-decoration: line-through;
			color: #333;
			margin: 0 30upx;
		}
		.pricePercent{
			color: #f00;
		}
	}
	uni-button, button{background: #ffd161;border: none;color: #333;margin-right: 0;border-radius: 40upx;&:after{display: none;}}
	&-tips2{
		background: #FFFFFF;
		padding: 30upx;
		&-item{
			min-height: 40upx;
			line-height: 40upx;
			&:last-child{
				margin-top: 10upx;
			}
			&-left{
				flex: 1;
				color: #9e9e9e;
			}
			&-right{
				flex: 8;
				.left{font-size: 24upx;margin-bottom: 20upx;}
				text{
					font-size: 28upx;
					width: 40upx;
					height: 40upx;
					color: #FFFFFF;
					text-align: center;
					margin-right: 10upx;
					&.man{
						background: #f00;
					}
					&.jian{
						background: #f00;
					}
					&.bao{
						background: #f00;
					}
					&.zeng{
						background: #ffd161;
					}
				}
				&.peisong {
					font-size: 24upx;
					text{
						text-align: left;
						font-size: 24upx;
						width: auto;
						color: #000;
						border-top-left-radius: 20upx;
						border-bottom-right-radius: 20upx;
						background-color: #ffd161;
						padding: 4upx 10upx;
					}
				}
				&.fuwu{
					text{
						color: #000;
						font-size: 24upx;
					}
					.iconfont{float: right;}
				}
			}
			&>view{
				// color: #9e9e9e;
			}
		}
	}
}
.shop-details-xiangqing{
	padding: 20upx 30upx;
	background: #FFFFFF;
	&-title{
		.title-text{font-size: 36upx;font-weight: bold;font-weight: bold;margin-bottom: 20upx; @extend .text-overflow;}
	}
	&-item{
		margin-right: 10upx;margin-bottom: 10upx; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;
		.text{color: #9e9e9e; margin-right: 10upx;}
		text{color: #000;}
		.m-icon-help{margin-top: 2upx;}
		&.item1 .text{
			color: #777;margin-right: 10upx;
		}
	}
}
.popup-wrapper{
	text-align: center;
	.popup-title{
		font-size: 28upx;
		color: #c4c4c4;
		padding: 30upx;
		.iconfont.m-icon-close{float: right;}
	}
	.m-list{
		padding-bottom: 100upx;
		&-item{
			height: initial;
			line-height: initial;
			justify-content: center;
			&:last-child:after{
				display: none;
			}
			&-text{
				margin: 0 auto;
				width: 100%;
				font-size: 24upx;
			}
			.popup-icon {
				width: 80upx;
				height: 80upx;
				line-height: 80upx;
				border-radius: 80upx;
				margin: 0 auto;
				margin-bottom: 20upx;
				text-align: center;
				&-wechat{
					background: #7fd02b;
				}
				&-pengyouquan{
					background: #19cf8a;
				}
				&-qq{
					background: #00A0DC;
				}
			}
		}
	}
	&.popup-wrapper1{
		text-align: left;
		.popup-title{
			font-size: 28upx;
			color: #000;
			padding: 30upx;
			text-align: center;
			font-weight: bold;
			margin-bottom: 20upx;
			border-bottom: #E4E4E4 solid 1px;
		}
		.m-list{
			&:before{
				display: none;
			}
			&-item{
				height: initial;
				line-height: initial;
				justify-content: center;
				padding: 0 30upx;
				padding-bottom: 20upx;
				&:after{
					display: none;
				}
				&-text{
					margin: 0 auto;
					width: 100%;
					font-size: 24upx;
					text{padding-left: 30upx;display: inline-block;}
				}
				.popup-icon {
					width: auto;
					height: auto;
					line-height: initial;
					border-radius: 0;
					margin: 0 auto;
					margin-bottom: 0;
					text-align: left;
					text{
						font-weight: bold;
						margin-left: 0;
						font-size: 24upx;
						padding-left: 0;
					}
					.iconfont{margin-right: 10upx;}
				}
			}
		}
	}
	.popup-cancle{
		border-top: #E4E4E4 solid 20upx;
		padding: 30upx;
		text-align: center;
	}
}

// 选择收货地址
.currentPosition{
	padding: 20upx 30upx;
	border-bottom: #eee solid 1px;
	border-top: #f8f8f8 solid 1px;
	margin-top: 20upx;
	&-cuurent{
		@include text-overflow(50%);
	}
}
.my{width: 100%;}
.my-receiving-address, .address-nearby{
	padding: 40upx 30upx 0;
	.address-title {
		margin-bottom: 10upx;
		text{
			font-size: 24upx;
		}
	}
	image{
		width: 24upx;
		height: 24upx;
		margin-right: 10upx;
	}
	.address-item{
		padding-top: 20upx;
		margin-left: 34upx;
		padding-right: 20upx;
		padding-bottom: 20upx;
		border-bottom: #f8f8f8 solid 1px;
		position: relative;
		.address-info{
			font-size: 28upx !important;
			width:85%;
			.info{
				margin-right: 20upx;
				&.info1{
					border: #3CC8BC solid 2upx;
					color: #3CC8BC;
					padding: 0 10upx;
					font-size: 20upx;
				}
				&.info2{
					border: #FF9900 solid 2upx;
					color: #FF9900;
					padding: 0 10upx;
					font-size: 20upx;
				}
				&.info3{
					border: #FFCC00 solid 2upx;
					color: #FFCC00;
					padding: 0 10upx;
					font-size: 20upx;
				}
			}
		}
		.user-info{
			color: #bbb;
			font-size: 24upx;
			text{
				margin-right: 20upx;
			}
		}
		.edited-icon{
			position:absolute;
			right: 0;
			top: 20upx;
			width: 28upx;
			height: 28upx;
			image{width: 100%; height: 100%;}
		}
		.delete-icon{
			position:absolute;
			right: 60upx;
			top: 20upx;
			width: 36upx;
			height: 36upx;
			image{width:100%; height: 100%;}
		}
	}
}
//  新增收货地址
.add-address{
	padding: 0 30upx;
	.add-address-item{
		padding: 20upx 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		border-bottom: #f1f1f1 solid 1px;
		/* width: 90%;
		overflow:hidden; 
		white-space: nowrap; 
		text-overflow: ellipsis; */
		&-left{flex: 2;}
		&-right{
			flex: 7;
			display: flex;
			justify-content: space-between;
			align-items: center;
			input{
				font-size: 28upx;
				width: 90%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			radio-group{
				display: flex;
				flex-flow: row nowrap;
				justify-content: flex-start;
				label{
					padding: 0;margin-right: 20upx;color: #808080;
					&:after{display: none;}
					
				}
			}
			.tag{
				padding: 4upx 20upx;
				border: #ccc solid 1px;
				font-size: 24upx;
				color: #333;
				&>uni-view:first-child{display: none !important;}
				&.checked{
					background-color: $color-96E7BA;
					border-color: $color-96E7BA;
				}
				&:nth-child(2){
					border-left: none;
					border-right: none;
				}
			}
		}
		.button{
			margin-top: 40upx;
		}
	}
	
}

// 搜索列表
.search-result-container{
	border-top: #f8f8f8 solid 1px;
	width: calc(100% - 60upx);
	height: calc(100% - 120upx);
	margin: 0 auto;
	background-color: #FFFFFF;
	position: absolute;
	left: 30upx;
	top: 120upx;
	z-index: 1;
	.search-result-item{
		position: relative;
		padding-top: 30upx;
		padding-bottom: 20upx;
		border-bottom: #f8f8f8 solid 1px;
		&-title{
			font-size: 28upx;
			font-weight: bold;
		}
		&-tips{
			font-size: 24upx;
			color: #808080;
			margin-top: 10upx;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			max-width: 80%;
		}
		text{
			position: absolute;
			font-size: 28upx;
			right: 0;
			top: 44upx;
			color: #808080;
		}
	}
}
.map-container{
	height: 300upx;
}

// 地址列表
.address-list{
	padding: 30upx;
	.address-item{
		position: relative;
		padding-top: 30upx;
		padding-bottom: 20upx;
		border-bottom: #f8f8f8 solid 1px;
		&-title{
			font-size: 28upx;
		}
		&-tips{
			font-size: 24upx;
			color: #808080;
			margin-top: 10upx;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			max-width: 80%;
		}
		&-distance{
			color: $color-AAAAAA;
			font-size: 24upx;
		}
		text{
			position: absolute;
			font-size: 24upx;
			right: 0;
			top: 44upx;
			color: #808080;
		}
		
	}
}

// 历史订单
.hasNoLogin{
	@extend .center;flex-direction: column; background: #FFFFFF;
	image{width: 200upx; height: 200upx;}
	text{margin: 40upx 0;color: #AAAAAA;}
}
.room{
	display: flex;
	flex-direction: column;
	width: 94%;
	margin: auto;
	margin-top: 20upx;
	background-color: white;
	border-radius: 20upx;
	
}
.room-top{
	display: flex;
	flex-direction: row;
	width: 94%;
	margin: auto;
	height: 80upx;
	border-bottom: 1px solid #eeeeee;
}
.room-picture{
	height: 50upx;
	width: 50upx;
	padding-top: 15upx;
}
.picture{
	width: 120upx;
	height: 120upx;
}
.room-room{
	width: 96%;
	margin: auto;
	margin-top: 20upx;
}
.rooms-top{
	display: flex;
	flex-direction: row;
	margin-left: 20upx;
}
.room-title{
	color: black;
	padding-left: 25upx;
	font-size: 28upx;
	line-height: 80upx;
	font-weight: bold;
}
.top-title{
	font-size: 24upx;
	color: #5e5e5e;
	line-height:40upx;
}
// 自取时间及预留电话
.invite{
	display: flex; flex-flow: row nowrap; margin-bottom: 20upx;
	&-mobile{
		flex: 1; flex-direction: column; display: flex; margin-top: 20upx;
		&-text{color: #969696;}
	}
	&-time{
		font-size: 28upx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		flex:1;
		margin-top: 20upx;
		&-i{
			font-size: 24upx;
			width: 100%;
			&-text{color: #969696;}
			.arrow{
				width: 50upx; height: 50upx;
			}
		}
	}
}
.room-down{
	background: #ffffff;
	height: 60upx;
	width: 160upx;
	font-size: 26upx;
	line-height: 60upx;
	border-radius: 10upx;
	border:1px solid #eeeeee;
	margin-right: 20upx;
	margin-bottom: 20upx;
}
.rooms-title{
	margin-left: 20upx;
}

// 等待订单支付
map {
	width: 100%;
	height:100vh;
	// position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.order-unpay{
	background: #FFFFFF;
	// height: 2000px;
	box-sizing: border-box;
	position: relative;
	padding: 40upx 30upx;
	margin-top: 800upx;
	&-tips {
		@extend .left; font-size: 24upx; color: #AAAAAA; flex-direction: row; margin-bottom: 20upx; border-radius: 20upx; border: #4caf50 solid 2upx; padding: 10upx 0 10upx 10upx; align-items:center;
		image{
			width: 50upx; margin-right: 10upx;
		}
		&-info{
			display: inline-flex; width: calc(100% - 60upx); margin-bottom: 10upx;
		}
	}
	&-details{
		&-unpay{
			font-size:28upx; border: #4caf50 solid 2upx; padding: 20upx;
			&-time{
				font-size: 32upx; font-weight: bold; margin-bottom: 10upx;
			}
			&-unit{
				margin-bottom: 10upx;
			}
			&-number-protection{
				font-size: 24upx; align-items: center; display: flex; flex-flow: row wrap;
				image{
					width: 30upx; height: 30upx;
				}
				.iconfont{
					// margin-left: 10upx;
				}
			}
			.btn-group{
				margin-top: 20upx; display: flex; justify-content: flex-start;
				button{margin-right: 10upx; margin-left: 0;}
			}
		}
	}
	&-contact{
		display: flex; align-items: center; justify-content: center; padding: 20upx 0;
		image{
			width: 30upx; height: 30upx; margin-right: 10upx;
		}
	}
	&-list{
		border: #4caf50 solid 1px; padding: 20upx;
	}
	.unpay-title{
		display: flex; flex-direction: row; align-items: flex-start; padding-bottom: 20upx; border-bottom: #4caf50 solid 1px; font-size: 32upx;
	}
	&-commodity{
		margin-top: 20upx; display: flex; position: relative; margin-bottom: 20upx;
		&-left{
			width: 120upx; margin-right:20upx;
			image{
				width: 120upx; height: 120upx;
			}
		}
		&-title{
			width: 62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display: block; margin-right: 10upx;
		}
		&-right{
			width: 100%;
		}
		&-sales-icon{
			width: 32upx; height: 32upx; margin-right: 10upx;
			image{
				width: 32upx; height: 32upx;
			}
		}
		&-oldPrice{
			text-decoration: line-through; margin-right: 10upx; color: #999999;
		}
		&-nowPrice{
			font-size: 30upx;
		}
		&-count{
			position: absolute; bottom: 0; left: 140upx; color: #999999;
		}
	}
	&-cost{
		display: flex; align-items: center; justify-content: space-between; flex-direction: column; border-top: #EEEEEE solid 2upx; padding-bottom:20upx;
		&-item{
			flex-direction: row; width: 100%;display: flex; justify-content: space-between; margin-top: 40upx;
			.line-through{
				margin-right: 10upx; color: #999999;
			}
			&.right{
				justify-content: flex-end; padding-top: 20upx; border-top: #EEEEEE solid 2upx;
			}
			&-sales{
				margin-right: 10upx;
				text{
					color: #FF0000;
				}
			}
			&-total{
				text{
					font-size: 40upx;
				}
			}
		}
	}
	&-delivery{
		border: #4caf50 solid 1px;
		padding: 10px;
		&-item{
			display: flex; flex-direction: column;
			&-i{
				display: flex; flex-direction: row; justify-content: space-between; margin-top:40upx;
				.flex{flex-direction: column; justify-content: flex-end; align-items: flex-end;}
				.f{color: #999999;}
			}
		}
	}
	&-order{
		border: #4caf50 solid 1px; margin-top: 20upx;
		padding: 10px;
		&-item{
			display: flex; flex-direction: column;
			&-i{
				display: flex; flex-direction: row; justify-content: space-between; margin-top:40upx; align-items: center;
				.flex{flex-direction: column; flex-direction: flex-end; align-items: flex-end;}
				.f{color: #999999;}
				uni-button{
					margin-left: 10px;margin-right: 0; border: #999999 solid 2upx; background: transparent;;
				}
			}
		}
	}
}
// 待付款
.order-unpaid{
	height: 100%;
	&-wait{
		display: flex;
		flex-direction: row;
		width: 100%;
		height: 13%;
		background: #7aeab6;
		align-items: center;
		justify-content: space-between;
		padding-top:20upx;
		position: fixed;
		z-index: 1000;
		.iconfont{
			margin-left: 30upx;
		}
		&-texts{
			padding-left: 60upx; margin-right: auto;
			&-waitt{
				font-size: 32upx;
			}
			&-timess{
				font-size: 24upx;
				padding-top: 4upx;
			}
		}
		&-bag{
			width: 80upx;
			height: 80upx;
			padding-right: 60upx;
		}
	}
	&-add{
		display: flex;
		flex-direction: row;
		width: 100%;
		border-bottom: 20upx solid #f1f1f1;
		margin-top: 180upx;
		padding-bottom: 20upx;
		&-adds{
			width: 50upx;
			height: 50upx;
			padding-top: 35upx;
			padding-left: 30upx;
		}
		&-addname{
			padding-top:20upx;
			padding-left: 30upx;
			padding-right: 30upx;
			&-nanu {
				font-size:28upx;
				label{
					color: #979797;
					font-size: 24upx;
					margin-left: 20upx;
				}
			}
			&-addadd{
				padding-top: 4upx; font-size: 28upx;
			}
		}
	}
	&-details{
		margin-top: 5%;
		&-unpaid{
			font-size:28upx; padding: 30upx;
			&-time{
				font-size: 32upx; margin-bottom: 10upx;
			}
			&-unit{
				margin-bottom: 10upx;
			}
			&-number-protection{
				font-size: 24upx; align-items: center; display: flex; flex-flow: row wrap;
				image{
					width: 30upx; height: 30upx;
				}
				.iconfont{
					margin-right: 10upx;
				}
				text{
					margin-right: 20upx;
				}
			}
			.btn-group{
				margin-top: 20upx; display: flex; justify-content: flex-start;
				button{margin-right: 10upx; margin-left: 0;}
			}
		}
	}
	&-contact{
		display: flex; align-items: center; justify-content: center; height: 100upx; border-bottom: 20upx solid #f1f1f1; border-top: 2upx solid #f1f1f1; background: #F9F9F9;
		image{
			width: 50upx; height: 42upx; margin-right: 10upx;
		}
	}
	&-list{
		padding: 30upx; padding-bottom: 0;
	}
	&-title{
		display: flex; flex-direction: row; align-items: flex-start; padding-bottom: 20upx; border-bottom: #f1f1f1 solid 1px; font-size: 32upx;
	}
	&-commodity{
		margin-top: 20upx; display: flex; position: relative; margin-bottom: 20upx;
		&-left{
			width: 120upx; margin-right:20upx;
			image{
				width: 120upx; height: 120upx;
			}
		}
		&-title{
			width: 62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display: block; margin-right: 10upx;
		}
		&-right{
			width: 100%;
		}
		&-sales-icon{
			width: 32upx; height: 32upx; margin-right: 10upx;
			image{
				width: 32upx; height: 32upx;
			}
		}
		&-oldPrice{
			text-decoration: line-through; margin-right: 10upx; color: #999999;
		}
		&-nowPrice{
			font-size: 30upx;
		}
		&-count{
			position: absolute; bottom: 0; left: 140upx; color: #999999;
		}
	}
	&-cost{
		display: flex; align-items: center; justify-content: space-between; flex-direction: column; border-top: #EEEEEE solid 2upx; padding-bottom:20upx;
		&-item{
			flex-direction: row; width: 100%;display: flex; justify-content: space-between; margin-top: 40upx;
			.line-through{
				margin-right: 10upx; color: #999999;
			}
			&.right{
				justify-content: flex-end; padding-top: 20upx; border-top: #EEEEEE solid 2upx;
			}
			&-sales{
				margin-right: 10upx;
				text{
					color: #FF0000;
				}
			}
			&-total{
				text{
					font-size: 40upx;
				}
			}
		}
	}
	&-delivery{
		margin-top: 20upx;padding: 30upx;
		&-item{
			display: flex; flex-direction: column;
			&-i{
				display: flex; flex-direction: row; justify-content: space-between; margin-top:40upx;
				.flex{
					flex-direction: column;
					&.flex-4{
						align-items: flex-end;
					}
				}
				.f{color: #333333;}
			}
		}
	}
	&-order{
		border-top: 20upx solid #F1F1F1;padding: 10px;
		&-item{
			display: flex; flex-direction: column;
			&-i{
				display: flex; flex-direction: row; justify-content: space-between; margin-top:40upx; align-items: center;
				.flex{flex-direction: column; flex-direction: flex-end; align-items: flex-end;}
				.f{color: #999999;}
				uni-button{
					margin-left: 10px;margin-right: 0; background: transparent; padding-top: 0; padding-bottom: 0; line-height: 1.8em;
				}
			}
		}
	}
}
// 付款完成
.order-completed{
	.order-unpaid-details{
		margin-top: 180upx; border-top: #F1F1F1 solid 20upx;
	}
}
// 取消付款
.order-cancled{
	.order-unpaid-details{
		margin-top: 180upx; border-top: #F1F1F1 solid 20upx;
	}
}
.order-distribution{
	.map-container{
		margin-top: 180upx; border-bottom: #F1F1F1 solid 20upx;
	}
}
// 提交订单-外卖配送
.order-delivery{
	width:100%;
	height: 100%;
	background-color: white;
	// position: absolute;
	overflow: hidden auto;
	// padding-bottom: 96upx;
	box-sizing: border-box;
	&.segmented-control-item{
		line-height: 80upx;
	}
	.tabs{
		@extend .center; height: 80upx;line-height: 80upx; text-align: center; padding-top: 0; top: 0; z-index: 10;
		&-item{
			flex: 1; background-color:#FFFFFF; height: 80upx;line-height: 80upx;
			&.active{
				background-color: #ccf6e2;
			}
		}
	}
	&-top{
		background-color: white;
		padding: 120upx 30upx 0;
		&-title{
			font-size: 32upx;
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			font-weight: bold;
			&-arrow{
				width: 50upx;
				height: 50upx;
				position: absolute;
				right: 0;
				top: 24upx;
			}
		}
		&-titletwo{
			font-size: 20upx;
		}
	}
	&-userInfo{
		padding: 10upx 30upx 30upx;
		font-size: 28upx;
	}
	&-arriving{
		font-size: 28upx;
		height: 59upx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 10upx ;
		margin-left: 30upx;
		margin-right: 30upx;
		align-items: center;
		border-top:#F1F1F1 solid 2upx;
		&-time{
			font-size: 24upx;
			color: #4e7ad9;
			display: flex;
			align-items: center;
			&-arrow{
				width: 50upx; height: 50upx;
			}
		}
	}
	&-list{
		padding: 30upx; padding-bottom: 0; border-top: 20upx solid #F1F1F1;
	}
	&-title{
		display: flex; flex-direction: row; align-items: center; padding-bottom: 20upx; border-bottom: #f1f1f1 solid 1px; font-size: 32upx; justify-content: space-between;
	}
	&-commodity{
		margin-top: 20upx; display: flex; position: relative; margin-bottom: 20upx;
		&-left{
			width: 120upx; margin-right:20upx;
			image{
				width: 120upx; height: 120upx;
			}
		}
		&-title{
			width: 62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display: block; margin-right: 10upx;
		}
		&-right{
			width: 100%;
		}
		&-sales-icon{
			width: 32upx; height: 32upx; margin-right: 10upx;
			image{
				width: 32upx; height: 32upx;
			}
		}
		&-oldPrice{
			text-decoration: line-through; margin-right: 10upx; color: #999999;
		}
		&-nowPrice{
			font-size: 30upx;
		}
		&-count{
			position: absolute; bottom: 0; left: 140upx; color: #999999;
		}
	}
	&-cost{
		display: flex; align-items: center; justify-content: space-between; flex-direction: column; border-top: #EEEEEE solid 2upx; padding-bottom:20upx;
		&-item{
			flex-direction: row; width: 100%;display: flex; justify-content: space-between; margin-top: 40upx;
			.line-through{
				margin-right: 10upx; color: #999999;
			}
			&.right{
				justify-content: flex-end; padding-top: 20upx; border-top: #EEEEEE solid 2upx;
			}
			&-sales{
				margin-right: 10upx;
				text{
					color: #FF0000;
				}
			}
			&-total{
				text{
					font-size: 40upx;
				}
			}
		}
	}
	.delivery-pps{
		height: 60upx;
		width: 60upx;
	}
	.uni-list:before{display: none;}
	.uni-list-cell {
		position: relative;
		display: flex;
		flex-direction: row;
		
		align-items: center;
	
	}
	.uni-list-cell-pd {
		padding: 15upx 30upx;
	
	}
	.tbsom{
		width: 160upx;
		padding: 12upx 20upx;
		float: left;
		padding-left: 0;
		max-height: 160upx;
	}
	.fffff{
		width: 400upx;
		padding: 30upx;
		color: black;
		font-family: "Courier New";
		font-size: 10upx;
	}
	.ggg{
		font-size: 3upx;
		padding: 0upx 180upx ;
		color: #656565;
	}
	.hhh{
		padding: 30upx;
		font-size: 6upx;
		color: black;
	}
	.top-down{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: 80upx;
		line-height: 80upx;
		padding: 0 30upx;
	}
	.leff{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.uuu{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: 80upx;
		padding: 0 30upx;
		align-items: center;
	}
	.ooo{
		font-size: 28upx;
		padding: 10upx 20upx 0upx 0upx;
	}
	.iii{
		font-size: 28upx;
	}
	.ttt{
		font-size: 32upx;
		color: #656565;
		display: flex;
		align-items: center;
	}
	.rrr{
		font-size: 32upx;
	}
	.down{
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 110upx;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.money{
		width: 70%;
		background-color: #343434;
		color: white;
		text-align: right;
		font-size: 28upx;
		vertical-align: text-top;
	}
	.input{
		width: 30%;
		background-color: #96e7b9;
		font-size: 20upx;
	}
	.tyt{
		padding: 30upx 30upx 30upx 40upx ;
		font-size: 32upx;
		
	}
	.top-ttt{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.top-wow{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 30upx;
	}
	.top-wof{
		width: 400upx;
	}
	.top-wog{
		color: #e0e0e0;
		font-size: 26upx;
		margin-top: 10upx;
		margin-right: 500upx;
	}
	.top-two{
		// height: 500upx;
		display: flex;
		flex-direction: column;
		padding-left: 30upx;
		padding-right: 30upx;
		position: relative;
		.top-title{
			line-height: 60upx;
			color: #000000;
			font-size: 46upx;
			padding: 120upx 0 20upx;
		}
	}
	
	.line{
		height: 1px;
		background-color: #DBDBDA;
		margin: 0 30upx;
	}
	.segmented-control{
		justify-content: space-between;
		border: none !important;
	}
	// 弹出层样式
	.popup-content .popup-title{
		text-align: center;
		font-size: 32upx;
		padding: 20upx 0;
		margin-bottom: 20upx;
		border-bottom: #EEEEEE solid 1px;
		position: relative;
		text{position: absolute; right: 30upx;}
	}
	.popup-content .popup-container{
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		font-size: 28upx;
		padding: 0 30upx;
		max-height: 400upx;
		align-items: flex-start;
	}
	.popup-content .popup-left{
		width: 30%;
		background-color: #EEEEEE;
		text-align: center;
		max-height: 400upx;
	}
	.popup-content .popup-left .popup-weekday{
		height: 60upx;
		line-height: 60upx;
	}
	
	.popup-content .popup-left .popup-weekday.checked{
		background-color: #FFFFFF;
	}
	.popup-content .popup-right{
		width: 60%;
		text-align: center;
		padding-left: 20upx;
		max-height: 400upx;
		overflow: hidden auto;
	}
	.popup-right .popup-time-price{
		display: flex;
		justify-content: space-between;
		flex-flow: row nowrap;
		height: 60upx;
		line-height: 60upx;
	}
	
	.popup-right .popup-time-price .popup-price{
		padding-right: 20upx;
		margin-left: auto;
	}
	.popup-unchecked{
		color: #FFFFFF;
	}
	.popup-unchecked.checked{
		color: #FF0000;
	}
	.popup-cancle{
		text-align: center;
		padding: 20upx 0;
		border-top: #EEEEEE solid 1px;
		margin-top: 20upx;
		font-size: 32upx;
	}
}







.orderCompleted{
	background: #FFFFFF;
	// height: 2000px;
	box-sizing: border-box;
	position: relative;
	padding: 40upx 30upx;
	&-details{
		&-orderCompleted{
			font-size:28upx; border: #4caf50 solid 2upx; padding: 20upx;
			&-unit{
				margin-bottom: 10upx; font-size: 28upx;
			}
			&-number-protection{
				font-size: 24upx; align-items: center; display: flex;
				image{
					width: 30upx; height: 30upx;
				}
			}
			.btn-group{
				margin-top: 20upx; display: flex; justify-content: flex-start;
				button{margin-right: 10upx; margin-left: 0;}
			}
		}
	}
	&-contact-group{
		display: flex;
	}
	&-contact{
		display: flex; align-items: center; justify-content: center; padding: 20upx 0; flex: 1; border-right: #EEEEEE solid 2upx;
		&:last-child{
			border: none;
		}
		image{
			width: 30upx; height: 30upx; margin-right: 10upx;
		}
	}
	&-list{
		border: #4caf50 solid 1px; padding: 20upx;
	}
	.orderCompleted-title{
		display: flex; flex-direction: row; align-items: flex-start; padding-bottom: 20upx; border-bottom: #4caf50 solid 1px; font-size: 32upx;
	}
	&-commodity{
		margin-top: 20upx; display: flex; position: relative; margin-bottom: 20upx;
		&-left{
			width: 120upx; margin-right:20upx;
			image{
				width: 120upx; height: 120upx;
			}
		}
		&-title{
			width: 62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display: block; margin-right: 10upx;
		}
		&-right{
			width: 100%;
		}
		&-sales-icon{
			width: 32upx; height: 32upx; margin-right: 10upx;
			image{
				width: 32upx; height: 32upx;
			}
		}
		&-oldPrice{
			text-decoration: line-through; margin-right: 10upx; color: #999999;
		}
		&-nowPrice{
			font-size: 30upx;
		}
		&-count{
			position: absolute; bottom: 0; left: 140upx; color: #999999;
		}
	}
	&-cost{
		display: flex; align-items: center; justify-content: space-between; flex-direction: column; border-top: #EEEEEE solid 2upx; padding-bottom:20upx;
		&-item{
			flex-direction: row; width: 100%;display: flex; justify-content: space-between; margin-top: 40upx;
			.line-through{
				margin-right: 10upx; color: #999999;
			}
			&.right{
				justify-content: flex-end; padding-top: 20upx; border-top: #EEEEEE solid 2upx;
			}
			&-sales{
				margin-right: 10upx;
				text{
					color: #FF0000;
				}
			}
			&-total{
				text{
					font-size: 40upx;
				}
			}
		}
	}
	&-delivery{
		border: #4caf50 solid 1px;
		padding: 10px;
		&-item{
			display: flex; flex-direction: column;
			&-i{
				display: flex; flex-direction: row; justify-content: space-between; margin-top:40upx;
				.flex{flex-direction: column; justify-content: flex-end; align-items: flex-end;}
				.f{color: #999999;}
			}
		}
	}
	&-order{
		border: #4caf50 solid 1px; margin-top: 20upx;
		padding: 10px;
		&-item{
			display: flex; flex-direction: column;
			&-i{
				display: flex; flex-direction: row; justify-content: space-between; margin-top:40upx; align-items: center;
				.flex{flex-direction: column; flex-direction: flex-end;}
				.f{color: #999999;}
				uni-button{
					margin-left: 10px;margin-right: 0; border: #999999 solid 2upx; background: transparent;;
				}
			}
		}
	}
}
// 动画
@keyframes imageMove {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-30%);
    }
    100% {
        transform: translateX(0);
    }
}
